<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
		<!-- 重置样式 -->
		<link rel="stylesheet" href="../css/reset.css" />
		<!-- 常态化样式 -->
		<link rel="stylesheet" href="../css/normalize.css" />
		<!-- 公共样式 -->
		<link rel="stylesheet" href="../css/common.css" />
		<!-- 当前样式 -->
		<link rel="stylesheet" href="../css/api-detail.css" />
	</head>
	<body>
		<!-- 首页 -->
		<header class="flex-c-sb b-box abs">
			<a href="#">
				<h1></h1>
			</a>
			<!-- 导航 -->
			<ul class="flex-c-c fc-white">
				<li class="active">
					<a href="../html/index.html">首页</a>
				</li>
				<li>
					<a href="../html/api-index.html">API</a>
				</li>
				<li>
					<a href="#">云服务</a>
				</li>
				<li>
					<a href="#">案例</a>
				</li>
				<li>
					<a href="#">开发者</a>
				</li>
			</ul>
			<!-- 按钮 -->
			<div class="fc-white">
				<span class="fc-black">
					<a href="logIn.html">登录</a>
				</span>
				<span>
					<a href="../html/logon.html">注册有礼</a>
				</span>
			</div>
		</header>
		<section id="header"></section>
		<!-- 主体 -->
		<main>
			<!-- banner图 -->
			<section id="banner" class="rel">
				<!-- 粒子背景 -->
				<div id="bannerBg" class="abs"></div>
				<div class="container">
					<div id="bannerCont" class="abs">
							<!-- 左侧盒子 -->
						<div id="bannerLt">
							<!-- 图片 -->
							<img src="../imgs/API_02.jpg" alt="图片已损坏" />
							<!-- 数字 -->
							<ul>
								<li>
									<img src="../imgs/API_smallicon_01.jpg" alt="图片已损坏" />
									<span>998</span>
								</li>
								<li>
									<img src="../imgs/API_smallicon_02.jpg" alt="图片已损坏" />
									<span>1118</span>
								</li>
								<li>
									<img src="../imgs/API_smallicon_03.jpg" alt="图片已损坏" />
									<span>98</span>
								</li>
							</ul>
						</div>
						<!-- 右侧盒子 -->
						<div id="bannerRt">
							<!-- 标题 -->
							<h2>身份证实名</h2>
							<!-- 认证 -->
							<ul id="rtIcon">
								<li>
									<img src="../imgs/API详情页_03.jpg" alt="图片已损坏" />
									限企业实名用户使用
								</li>
								<li>
									<img src="../imgs/API详情页_05.jpg" alt="图片已损坏" />
									限企业实名用户使用
								</li>
								<li>
									<img src="../imgs/API详情页_08.jpg" alt="图片已损坏" />
									限企业实名用户使用
								</li>
							</ul>
							<!-- 文字 -->
							<p>检测姓名和身份证是否一致</p>
							<!-- Tab区 -->
							<ul id="numTab">
								<li class="default rel">
									<img src="../imgs/API17.jpg" alt="图片已损坏" />
									扫码测试
									<div class="abs">
										<img src="../imgs/wechat-white.png" alt="图片已损坏">
										<p>扫描关注</p>
									</div>
								</li>
							</ul>
							<!-- 价格 -->
							<p id="rtPrice"></p>
							<!-- 按钮 -->
							<button>立即申请</button>
						</div>
							</div>
						</div>
					</div>
				</div>
			</section>
			<section>
				<!-- 分类标题 -->
				<div class="container">
					<ul id="tabList">
						<li class="active">
							API文档
						</li>
						<li>
							错误代码参照
						</li>
						<li>
							示例代码
						</li>
						<li>
							联系我们
						</li>
					</ul>
				</div> 
			</section>
			<!-- 数据分类 -->
				<section id="dataClass">
					<div id="dataBox">
						<!-- 左盒子 -->
						<div class="container" id="contLt">
							<!-- api文档 -->
							<div class="on">
								<p>接口地址：<span>http://op.juhe.cn/idcard/query</span> </p>
								<p>返回格式：<span>json</span> </p>
								<p>请求方式：<span>http get/post</span> </p>
								<p>请求示例：<span>http://op.juhe.cn/idcard/query?key=您申请的KEY&idcard=&realname=</span> </p>
								<p>接口备注：<span>error_code为0时计费</span> </p>
								<button id="btn">API测试工具</button>
							</div>
							<!-- 请求参数 -->
							<div>
								<h5>请求参数说明:</h5>
								<table>
									<tr id="parametertb">
										<td>名称</td>
										<td>必填</td>
										<td>类型</td>
										<td>说明</td>
									</tr>
									<tr>
										<td>idcard</td>
										<td>是</td>
										<td>string</td>
										<td>身份证号码</td>
									</tr>
									<tr>
										<td>realname</td>
										<td>是</td>
										<td>string</td>
										<td>姓名(UTF-8)</td>
									</tr>
									<tr>
										<td>orderid</td>
										<td>否</td>
										<td>int</td>
										<td>传1时返回单号，默认不返回单号(建议传入)</td>
									</tr>
									<tr>
										<td>key</td>
										<td>是</td>
										<td>string</td>
										<td>在个人中心->我的数据,接口名称上方查看返回参数说明：</td>
									</tr>
								</table>
							</div>
							<!-- 返回参数 -->
							<div>
								<h5>返回参数说明:</h5>
									<table>
										<tr id="parametertb">
											<td>名称</td>
											<td>类型</td>
											<td>说明</td>
										</tr>
										<tr>
											<td>error_code</td>
											<td>int</td>
											<td>返回码</td>
										</tr>
										<tr>
											<td>reason</td>
											<td>string</td>
											<td>返回说明</td>
										</tr>
										<tr>
											<td>result</td>
											<td>object</td>
											<td>返回结果集</td>
										</tr>
										<tr>
											<td>realname</td>
											<td>string</td>
											<td>属result,真实姓名</td>
										</tr>
										<tr>
											<td>idcard</td>
											<td>string</td>
											<td>属result,身份证号</td>
										</tr>
										<tr>
											<td>res</td>
											<td>int</td>
											<td>属result,匹配详情,1匹配,2不匹配</td>
										</tr>
									</table>
							</div>
							<div>
								<h5>JSON返回示例：<button>JSON在线格式化工具</button> </h5>
								<div id="data">
									<p>
										{
									</p>
									<p>
										"reason": "成功",
									</p>
									<p>
										"result": {
									</p>
									<p>
										"realname": "***",/*真实姓名*/
									</p>
									<p>
										"idcard": "******************",/*身份证号码*/
									</p>
									<p>
										"orderid":"J103202010151450419556",/*流水号*/
									</p>
									<p>
										"res": 1 /*1：匹配 2：不匹配*/
									</p>
									<p>},</p>
									<p>"error_code": 0</p>
									<p>}</p>
								</div>
							</div>
						</div>
						<!-- 右盒子 -->
						<div id="contRt">
							<!-- 活动推荐图片 -->
							<div id="contRtimg">
								<ul id="imgList">
									<li>
										<h4>活动推荐/Activity</h4>
									</li>
									<li>
										<img src="../imgs/sfz-aside1.png" alt="图片已损坏">
									</li>
									<li>
										<img src="../imgs/details-aside02.png" alt="图片已损坏">
									</li>
									<li>
										<img src="../imgs/details-aside03.png" alt="图片已损坏">
									</li>
								</ul>
								<ul id="textList">
									<li id="texttit">
										猜你喜欢
									</li>
									<li>
										<!-- 左边图标 -->
										<div id="textimg">
										</div>
										<!-- 右边文字 -->
										<div id="textbox">
											<p>短信API服务</p>
											<p>三网合一短信通道，验证码短信 · 系统通知 · 活动通知</p>
										</div>
									</li>
									<li>
										<!-- 左边图标 -->
										<div id="textimg">
										</div>
										<!-- 右边文字 -->
										<div id="textbox">
											<p>银行卡四元素校验</p>
											<p>检测输入的姓名、手机号码、身份证号码、银行卡号是否一致。</p>
										</div>
									</li>
									<li>
										<!-- 左边图标 -->
										<div id="textimg">
										</div>
										<!-- 右边文字 -->
										<div id="textbox">
											<p>身份证查询</p>
											<p>身份证归属地信息查询身份证归属地信息查询</p>
										</div>
									</li>
									<li>
										<!-- 左边图标 -->
										<div id="textimg">
										</div>
										<!-- 右边文字 -->
										<div id="textbox">
											<p>身份证OCR识别</p>
											<p>支持对二代居民身份证正反面的关键字段识别，包括姓名、性别、民族、出生日期、住址、 身份证号、签发机关、有效期限，准确率98%以上</p>
										</div>
									</li>
									<li>
										<!-- 左边图标 -->
										<div id="textimg">
										</div>
										<!-- 右边文字 -->
										<div id="textbox">
											<p>三网手机实名制认证</p>
											<p>支持移动、联通号码；检验姓名、身份证、手机号码是否一致。</p>
										</div>
									</li>
								</ul>
							</div>
						</div>
					</div>
				<!-- 底部文字 -->
			</section>
			<section id="footertop">
				<div id="text">
					<h1>现在注册，百款接口免费测试</h1>
					<button>免费注册</button>
				</div>
			</section>
		</main>
		<!-- 尾部 -->
		<footer>
			<div class="box1">
				<div class="footertext container">
					<!-- 联系与支持 -->
					<div class="footertext-one">
						<p>联系与支持</p>
						<ul>
							<li>400-882-7715</li>
							<li>售前咨询</li>
							<li>客服&售后</li>
							<li>常见问题</li>
							<li>极速工单</li>
							<li>投诉与建议</li>
						</ul>
					</div>
					<!-- 分部2 -->
					<div class="footertext-one">
						<p>关于源码</p>
						<ul>
							<li>400-882-7715</li>
							<li>售前咨询</li>
							<li>客服&售后</li>
							<li>常见问题</li>
							<li>极速工单</li>
							<li>投诉与建议</li>
						</ul>
					</div>
					<!-- 分部3 -->
					<div class="footertext-one">
						<p>快速入口</p>
						<ul>
							<li>400-882-7715</li>
							<li>售前咨询</li>
							<li>客服&售后</li>
							<li>常见问题</li>
							<li>极速工单</li>
							<li>投诉与建议</li>
						</ul>
					</div>
					<!-- 分部4 -->
					<div class="footertext-one">
						<p>产品服务</p>
						<ul>
							<li>400-882-7715</li>
							<li>售前咨询</li>
							<li>客服&售后</li>
							<li>常见问题</li>
							<li>极速工单</li>
							<li>投诉与建议</li>
						</ul>
					</div>
					<!-- 分部5 -->
					<div class="footertext-one">
						<p>解决方案</p>
						<ul>
							<li>400-882-7715</li>
							<li>售前咨询</li>
							<li>客服&售后</li>
							<li>常见问题</li>
							<li>极速工单</li>
							<li>投诉与建议</li>
						</ul>
					</div>
					<!-- 微信公众号 -->
					<div class="wx">
						<h5 class="fz-16">微信公众号</h5>
						<p class="fz-14">源码时代</p>
						<img src="../imgs/103-demo.png" alt="图片已损坏" />
					</div>
				</div>
				<!-- 底部文字 -->
				<div class="footerbox">
					<div class="box1"></div>
					<div class="box2"></div>
					<div class="footerbox-one">
						<p>
							增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
						</p>
					</div>
					<div class="footerbox-two">
						<p>源码大数据股份有限公司©版权所有</p>
					</div>
				</div>
			</div>
		</footer>
		<script src="../js/util.js"></script>
		<script src="../js/canvas-particle.js"></script>
		<script src="../js/api-detail.js"></script>
	</body>
</html>
